

.kb-title{
  width: 404px;
  height: 35px;
  line-height: 30px;
  background: url('~@/assets/shouye/title.png') no-repeat;
  .title-word{
    margin-left: 51px;
    color: rgba(17,108,146,1);
    font-size: 20px;
  }
  .title-word-en{
    color: rgba(17,108,146,0.5);
    font-size: 14px;
    margin-left: 6px;
  }
}


.right-box1{
  margin: 0 10px;
  padding-top: 20px;
  .item{
    width: 122px;
    height: 122px;
    line-height: 120px;
    text-align: center;
    color: rgba(17,108,146,1);
    font-size: 20px;
  }
  .item1{
    background: url('~@/assets/shouye/r-icon1.png') no-repeat;
  }
  .item2{
    background: url('~@/assets/shouye/r-icon2.png') no-repeat;
  }
  .item3{
    background: url('~@/assets/shouye/r-icon3.png') no-repeat;
  }
}

.footer{
  position: fixed;
  bottom: 0;
  left: 108px;
  z-index: 41;
}
.footer2{
  position: fixed;
  bottom: 0;
  right: 0;
}


@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('./font/YouSheBiaoTiHei.eot');
  src: url('./font/YouSheBiaoTiHei.eot?#font-spider') format('embedded-opentype'),
    url('./font/YouSheBiaoTiHei.woff') format('woff'),
    url('./font/YouSheBiaoTiHei.ttf') format('truetype'),
    url('./font/YouSheBiaoTiHei.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}








body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}
button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}

// 自己的
.page{
  transform-origin: left top;
}
body,#app{
  overflow: hidden;
}
.pointer{
  cursor: pointer;
}


// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
.u-reset-button {
	padding: 0;
	background-color: transparent;
	/* #ifndef APP-PLUS */
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	/* #endif */
	/* #ifdef APP-NVUE */
	border-width: 0;
	/* #endif */
}

/* #ifndef APP-NVUE */
.u-reset-button::after {
   border: none;
}
/* #endif */

.u-hover-class {
	opacity: 0.7;
}



.u-relative,
.u-rela {
	position: relative;
}

.u-absolute,
.u-abso {
	position: absolute;
}

// nvue不能用标签命名样式，不能放在微信组件中，否则微信开发工具会报警告，无法使用标签名当做选择器
/* #ifndef APP-NVUE */
image {
	display: inline-block;
}

// 在weex，也即nvue中，所有元素默认为border-box
view,
text {
	box-sizing: border-box;
}
/* #endif */

.u-font-xs {
	font-size: 22rpx;
}

.u-font-sm {
	font-size: 26rpx;
}

.u-font-md {
	font-size: 28rpx;
}

.u-font-lg {
	font-size: 30rpx;
}

.u-font-xl {
	font-size: 34rpx;
}

.u-flex {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	align-items: center;
}

.u-flex-wrap {
	flex-wrap: wrap;
}

.u-flex-nowrap {
	flex-wrap: nowrap;
}

.u-col-center {
	align-items: center;
}

.u-col-top {
	align-items: flex-start;
}

.u-col-bottom {
	align-items: flex-end;
}

.u-row-center {
	justify-content: center;
}

.u-row-left {
	justify-content: flex-start;
}

.u-row-right {
	justify-content: flex-end;
}

.u-row-between {
	justify-content: space-between;
}

.u-row-around {
	justify-content: space-around;
}

.u-text-left {
	text-align: left;
}

.u-text-center {
	text-align: center;
}

.u-text-right {
	text-align: right;
}

.u-flex-col {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
}

// 重置nvue的默认关于flex的样式
.u-reset-nvue {
	flex-direction: row;
	align-items: center;
}
